<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en" class="no-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆页面</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/supersized.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div class="page-container">
		<h1>登录</h1>
		<form action="UserServlet?action=login" method="post">
			<input type="text" name="username" class="username" placeholder="用户名">
			<input type="password" name="password" class="password" placeholder="密码">
			<input type="text" name="yan" class="yaa" id="yzm" size="6" onblur="checkYZM()" placeholder="验证码">
			<br>
			<span id="ywen"></span>
			<br><br>
			<img src="image.jsp" id="huan">
			<a href="javascript:void(0)" onclick="refresh()" style="color:#23ffed">看不清换一张</a>
			<button type="submit">登陆</button>
			
		
			<div class="error">
				<span>+</span>
			</div>
		</form>
		<div class="connect">
			<p>Or connect with:</p>
			<p>
				<a class="facebook" href=""></a> <a class="twitter" href=""></a>
			</p>
		</div>
	</div>
	<!-- Javascript -->
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
	<script type="text/javascript" src="js/supersized-init.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	<script type="text/javascript">
		function refresh() {
			document.getElementById("huan").src = "image.jsp?id="
					+ Math.random();
		}
		function checkYZM(){
			var name = $("#yzm").val();
			$.get("YzmServlet","y="+name,function(abc){
				$("#ywen").html(abc);
			});
		}
		function userlogin() {
			location.href = "NewLogin.jsp";
		}
		function home(){
			location.href = "home.html"
		}
	</script>
</body>
</html>